// 220830 liang 公共布局
.g-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  // min-height: 100%;
  height: 100%;
  color: #101010;

  >.g-header.u-hd, >.g-main .u-hd {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 88rpx;
    font-size: 32rpx;
    color: #fff;
    background: #34ce7a;

    >.btn_add {
      position: absolute;
      top: 50%;
      right: 20rpx;
      transform: translateY(-50%);
      width: 100rpx;
      height: 48rpx;
      border-radius: 8rpx;
      font-size: 24rpx;
      background: #6F9EFF;

      >.iconfont {
        margin-right: 2rpx;
        font-size: 26rpx;
      }
    }
  }

  >.g-header.u-hd_btw { // 使用页面：pages/accounting_voucher pages/accounting_period
    justify-content: space-between;
    padding: 0 0 0 30rpx;

    >.filter_wrap {
      display: flex;
      align-items: center;
      height: 100%;
      font-size: 28rpx;

      >.iconfont {
        display: flex;
        align-items: center;
        height: 100%;
        margin-left: 10rpx;
        padding: 0 20rpx;
        font-size: 36rpx;
        // color: #4AC5FB;
      }
    }
  }

  >.g-main {
    flex: 1;

    &.scroll {  // 使用页面：pages/accounting_voucher pages/accounting_period
      display: flex;
      flex-direction: column;
      overflow-y: auto;

      >.list_wrap {
        flex: 1;
        overflow-y: auto;
      }
    }
  }

  >.g-footer.u-ft {
    display: flex;
    padding: 32rpx 20rpx;

    >.u-btn {
      flex: 1;
      height: 86rpx;
      border-radius: 12rpx;
      margin-left: 32rpx;
      color: #fff;

      &:first-child {
        margin-left: 0;
      }
    }

    >.btn_dflt {
      background: #2882FE;
    }

    >.btn_green {
      background: #01C257;
    }
  }
}
